<template>
  <table-box class="table-height-auto" :data="data" :table-config="tableConfig" />
</template>
<script>
export default {
  name: 'Options',
  props: {
    data: {
      type: Array,
      default: () => []
    }
  },
  data() {
    return {
      tableConfig: {
        hideSearchBar: true,
        setting: [
          {
            prop: 'strStepName',
            label: '步骤名',
            minWidth: 120
          },
          {
            prop: 'dtCreateDate',
            label: '操作时间',
            minWidth: 140
          },
          {
            prop: 'strApproverName',
            label: '操作人',
            minWidth: 120
          },
          {
            prop: 'strAction',
            label: '操作状态',
            minWidth: 120
          },
          {
            prop: 'strComments',
            label: '意见留言',
            minWidth: 140,
            overflowHidden: false,
            render: (h, row) => {
              return h('div', row.strComments)
            }
          }
        ]
      }
    }
  }
}
</script>
